/* ------------css reset------------- */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
abbr,acronym{border:0;font-variant:normal;}
:focus{outline:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-family:inherit;font-weight:inherit;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif;}
input,button,textarea,select,optgroup,option{font-size:inherit;font-family:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
sup,sub{font-size:100%;vertical-align:baseline;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
em { font-style:normal; }

/*----[ clear ]---------------------------------*/
.fixed:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.fixed{display:block;min-height:1%;}
*html .fixed{height:1%;}
.clear{display:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;font-size:0;line-height:0;margin:0 auto!important;padding:0!important;}
	
a:link, 
a:visited {
	text-decoration:none; 
	color:#333; }

/*几种不同的字体样�??*/
.fl{ float:left;}
.fr{ float:right;}
a{ text-decoration:none; color:#808080;}

/*margin*/
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb10 { margin-bottom:10px;}

/*几种不同间隔的样�??*/
.space5{ height:5px; clear:both;}
.space10{ height:10px; clear:both;}
.space15{ height:15px; clear:both;}
.space20{ height:20px; clear:both;}
.space30{ height:30px; clear:both;}

/*主页*/
body { background:#eee; }
#wrap { width:320px; margin:0 auto;}
.wrap { background:#fff;}

/*头部*/
#head { height:45px; border-bottom:1px solid #6f006a; background:url(../images/bg.png) repeat-x; padding-top:10px; }
#head #logo { width:112px; height:33px; background:url(../images/style.png) -74px -41px no-repeat; display:block; margin:0 0 0 15px; text-indent:-99999px;}

/*首页标签链接*/
#comm_tag a { background:#fff; border: 1px solid #ddd; border-radius:4px; color: #666; display:block; float:left; font-size: 12px; height: 24px; line-height: 24px; 
margin: 6px 6px 0 0; padding: 0 5px; }
#comm_tag a.tag-red { background: #eb8cf3; color: #fff; }

/*底部*/
.footnav{ text-align:center; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));background: -moz-linear-gradient(top, #ffffff, #eaeaea); line-height:40px; margin:10px 0 0; border-top:1px solid #ddd; }
.footnav a {color: #876200; font-size: 14px; padding: 0 15px; } 
#bottom { background:url(../images/bg.png) 0 -101px repeat-x; height:57px; text-align:center; border-top:1px solid #856400; padding:10px 0 0 0; font-size:12px; color:#666;}

/*非首页头�??*/
#header { height:50px; background:url(../images/bg.png) 0 -168px repeat-x; border-bottom:1px solid #6f006a; position:relative;}
#header h1.logo a{ width:100px; height:33px; display:block; background:url(../images/style.png) 0 -89px no-repeat; position:absolute; top:8px; left:10px; text-indent:-99999px; }
#header .nav,#header2 .nav { position:absolute; top:16px; right:10px; }
#header .nav li,#header2 .nav li { float:left; }
#header .nav a,#header2 .nav a { float:left; margin:0 10px; display:block; text-indent:-99999px;}
#header .nav .user a,#header2 .nav .user a { width:13px; height:18px; background:url(../images/style.png) 0 -134px no-repeat; }
#header .nav .cart a,#header2 .nav .cart a {  width:20px; height:18px; background:url(../images/style.png) -43px -134px no-repeat; }

#header2 { height:38px; background:#a40fc4; border-bottom:1px solid #6f006a; position:relative;}
#header2 h3 a{ width:70px; height:38px; line-height:38px; font-size:14px; display:block; text-align:center; color:#fff; border-right:1px solid #6f006a; }
#header2 h3 a:link,#header h3 a:visited { color:#fff;  }
#header2 .nav { top:10px; }
#header2 .nav .home a { width:18px; height:18px; background:url(../images/style.png) -103px -134px no-repeat; }

#location { height:26px; background:#f2f2f2; border-bottom:1px solid #b7bbc6; }
#location li { float:left; line-height:26px; color:#888; font-size:13px; padding:0 10px 0 3px; }
#location li a{ color:#444; }
#location li.gap { width:11px; height:26px; background:url(../images/style.png) 0 -193px no-repeat;}

#thumb-mode { text-indent:-9999px; height:48px; position:relative;}
#thumb-mode #list-view { display:block; width:28px; height:28px; background:url(../images/style.png) 0 -161px no-repeat; position:absolute; left:24%; top:11px; }
#thumb-mode #list-view.on { background:url(../images/style.png) -30px -161px no-repeat; }
#thumb-mode #grid-view { display:block; width:28px; height:28px; background:url(../images/style.png) -60px -161px no-repeat; position:absolute; left:48%; top:11px;  }
#thumb-mode #grid-view.on {background:url(../images/style.png) -90px -161px no-repeat; }
#thumb-mode #filter { display:block; width:32px; height:28px;  background:url(../images/style.png) -120px -161px no-repeat; position:absolute; left:72%; top:11px;  }

#common-tab { height:45px; border-top:1px solid #c5c7cc; background:url(../images/bg.png) 0 -219px repeat-x; }
#common-tab li { float:left; line-height:40px; font-size:15px; font-weight:700; float:left; width:50%; text-align:center; position:relative;}
#common-tab li a { display:block; height:45px;}
#common-tab li img { padding-left:3px;}
#common-tab li.on { background:url(../images/bg.png) 0 -264px repeat-x; }
#common-tab li.on a{ background:url(../images/common-tab-on.png) center top no-repeat; }
#common-tab li span{ border-right:1px solid #c5c7cc; position:absolute; right:0; top:0; height:40px; }

/*商品列表*/
#goods-wrap1 { width:320px; margin:0 auto; padding-top:20px; }
#goods-wrap2 {  margin:0 12px; padding-top:5px; }
.grid-content {border-bottom:1px dashed #ccc;}
.grid-content li { margin:0 0 15px 28px; display:block; line-height:18px; width:116px; float:left; position:relative; } 		
.grid-content li img { width:116px;  height:116px; }
.grid-content li .name { overflow: hidden; text-overflow:ellipsis; line-height:18px; display:block; height:36px; font-size:13px; margin-top:3px; }
.grid-content li .price { font-size:12px; line-height:20px; height:20px; color:#fff; width:110px; padding:0 3px; position:absolute; top:100px; left:0; background:rgba(202, 0, 232, 0.7);}	
.grid-content li .price em { font-size:14px; font-weight:700;  }	
.grid-content li .price .lt { text-decoration:line-through; color:#eee;}

.list-content li { margin:0 0 15px 0; height:100px; line-height:18px; border-top:1px dashed #bbb; padding-top:15px; font-size:12px; color:#666; position:relative; } 	
.list-content li.top1 { border:none; border-bottom:1px dashed #ccc; padding-bottom:5px;} 		
.list-content li a.goods-img { display:block; width:100px;  height:100px; float:left; }		
.list-content li img { width:100px;  height:100px; }		
.list-content li .name { overflow: hidden; text-overflow:ellipsis; display:block; height:24px; font-size:14px; font-weight:700; }
.list-content li .info { float:left; margin-left:10px; display:inline; line-height:22px;  }
.list-content li .price { font-size:13px; line-height:26px; color:#c00; top:94px; left:110px;}	
.list-content li .price em { font-size:16px; font-weight:700;  }	
.list-content li b { color:#C743CA; font-weight:500;  }		
.list-content li span { margin-right:15px; }		
.list-content li ul.num { margin-top:5px;}
.list-content li ul.num li { float:left; margin:0 5px 0 0; padding:0; border:none; height:22px; line-height:22px; }
.list-content li ul.num li.reduce a { display:block; width:21px; height:22px; background:url(../images/style.png) 0 -225px no-repeat; text-indent:-9999px; }	
.list-content li ul.num li.add a { display:block; width:21px; height:22px; background:url(../images/style.png) -27px -225px no-repeat; text-indent:-9999px; }	
.list-content li ul.num li .num-input { width:34px; height:22px; border:1px solid #aaa; text-align:center; line-height:22px; color:#666; background:url(../images/bg.png) 0 -309px repeat-x; }
.list-content li .del { width:13px; height:14px; background:url(../images/style.png) -33px -297px repeat-x; display:block; position:absolute; bottom:0; right:0; text-indent:-9999px; }

/*结算*/
#checkout { font-size:14px; color:#666; border-top:1px solid #ccc; padding:6px 10px 0 0; text-align:right; line-height:36px;}
#checkout span { margin-left:15px;}
#checkout span em { color:#cc0000; font-weight:700; }
#checkout a.btn { float:right; display:block;  width:121px; height:31px; background:url(../images/style.png) 0 -254px no-repeat; line-height:31px; text-align:center; color:#fff; }

/*注册登录*/
#register { width:320px; margin:10px auto;}
#register td{ padding:8px 3px; font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei"; color:#555;}
#register .inputBg { width:185px; height:24px; border:1px solid #b3b3b3; background:url(../images/bg.png) 0 -309px repeat-x;  margin-right:4px; padding-left:6px; border-radius:4px;}
#register a.btn { display:block;  width:121px; height:31px; background:url(../images/style.png) 0 -254px no-repeat; line-height:31px; text-align:center; color:#fff; letter-spacing:2px; }

/*商品详细�??*/
#goods-wrapper { min-width:320px; max-width:920px; margin:0 auto; }
#goods-wrapper .goods-img { width:320px; height:240px; overflow:hidden; margin:20px auto; }
#goods-wrapper .info { border-bottom:1px dashed #bbb; margin:15px 10px 0; padding-bottom:15px; }
#goods-wrapper .info li { line-height:24px; font-size:13px; color:#666; }
#goods-wrapper .info li.name{ font-size:15px; color:#333; font-weight:700; }
#goods-wrapper .info li b { font-size:15px; color:#c00; font-weight:700; }
#goods-wrapper .info li em { color:#C743CA; padding-right:3px; }

#goods-wrapper .select { border-bottom:1px dashed #bbb; margin:15px 10px 0; padding-bottom:15px; }
#goods-wrapper .select p { color:#666; font-size:13px; padding-bottom:10px; }
#goods-wrapper .select li{ float:left; display: inline; margin: 0 8px 10px 0; text-align: center; padding: 6px 8px; font-size: 12px; border: 1px solid #bbb; cursor: pointer; color: #666; background:#f8f8f8; }
#goods-wrapper .select li.on { border: 1px solid #ec3143; background:#fff2f3 url(../images/size-selected.png) no-repeat right bottom; color:#d40000; cursor: text; }
#goods-wrapper .select li.soldout { background:#fff; color:#999; cursor: text; border: 1px solid #ddd }
#goods-wrapper .select .num-input { width:64px; height:24px; line-height:24px; border:1px solid #aaa; text-align:center; background:url(../images/bg.png) 0 -309px repeat-x; border-radius:4px; color:#333; }
#goods-wrapper .select a.btn { display:block;  width:121px; height:31px; background:url(../images/style.png) 0 -254px no-repeat; line-height:31px; text-align:center; color:#fff; font-size:13px;  }

#goods-wrapper .comment { margin:0 10px 0; font-size:14px; position:relative;  }
#goods-wrapper .comment a { height:44px; line-height:40px; display:block;color:#666; }
#goods-wrapper .border { border-bottom:1px dashed #bbb; }
#goods-wrapper .comment em { color:#C743CA;}
#goods-wrapper .comment b.aw {position: absolute; right: 6px; top: 16px; display:block; background:url(../images/style.png) 0 -298px no-repeat; width:8px; height:13px; }

#goods-wrapper .hide { display:none; }

/*首页切换*/
#con { font-size:12px; margin:0 0 0 4px; }
#tags { height:100px; }
#tags li { float:left; }
#tags li a { width: 62px; height:80px; display:block; margin: 8px 15px 5px 0;  text-align: center;  font-size:13px; color:#555; float:left; }
#tags li img { padding-bottom:4px; width:62px; height:62px;}
#tags li.selectTag {position:relative; }
.tagContent { display:none; width:320px; color:#474747; padding:4px 10px 5px; }

/*用户中心*/
#user_wrap { margin:10px 14px;}
#user_wrap .info { line-height:22px; font-size:13px; }
#user_wrap .info em { line-height:22px; color:#876200; }

#user_wrap .orderList { border-radius:6px; border:1px solid #ccc; }
#user_wrap .orderList li { position:relative;  display:block; height:32px; line-height:32px; font-size:13px; text-indent:12px; border-top:1px solid #ccc;}
#user_wrap .orderList li a { display:block; height:32px;}
#user_wrap .orderList a:link,#user_wrap .orderList a:visited { color:#666; }
#user_wrap .orderList span.arrow_r { position:absolute; top:1px; right:5px; font-size:13px; color:#999; font-weight:700; }
#user_wrap .orderList b { font-weight:500; padding-left:4px; color:#333; }
#user_wrap .orderList .noborder,#list_wrap .orderList .noborder { border:none; }
#user_wrap .orderList .grayBg,#list_wrap .orderList .grayBg { background:#eee; color:#444; }

#user_wrap #btn { padding-left:10px;}
#user_wrap #btn a { margin: 8px 15px 5px 0;  overflow: hidden;  text-align: center;  width: 62px; font-size:13px; color:#555; display:block; float:left;}
#user_wrap #btn img { padding-bottom:4px; width:62px; height:62px;}

/*订单列表*/
#list_wrap { margin:0 14px 15px;}
#list_wrap .add { font-size:12px; font-weight:700; color:#876200; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif;}
#list_wrap .orderList { border-radius:6px; border:1px solid #ccc; position:relative; }
#list_wrap .orderList li { position:relative; display:block; min-height:32px; line-height:32px; font-size:13px; text-indent:10px; border-top:1px solid #ccc; color:#666;}
#list_wrap .orderList em { color:#333; }
#list_wrap .orderList em.color { color:#c743ca; }
#list_wrap .orderList b { color:#c00; font-weight:500; }
#list_wrap .orderList li.grayBg b { font-weight:700; color:#333; }
#list_wrap .orderList li.width50 { width:50%}
#list_wrap .orderList li.adress { text-indent:0; padding:8px 8px 0 10px; line-height:20px;}
#list_wrap .orderList a.edit{ color:#876200; }
#list_wrap .orderList span.rb { position:absolute; top:0; right:0; border-right:1px solid #ccc; height:33px; display:block; text-indent:-9999px; }
#list_wrap .orderList td { line-height:32px; font-size:13px; color:#333; padding:0 10px;}
#list_wrap .orderList td a:link,#list_wrap .orderList td a:visited { color:#333; }
#list_wrap .orderList .select { margin-right:3px; }
#list_wrap .orderList img { margin-left:5px; position:relative; top:5px; }
#list_wrap .orderList .tag { display:block; width:44px; height:33px; background:url(../images/style.png) 0 -324px no-repeat; position:absolute; top:0; right:20px; text-indent:-9999px; }

/*结算*/
#decide { font-size:14px; color:#666; padding:3px 14px 0 0; line-height:36px; height:36px; }
#decide a.cancel { margin-right:12px; float:right; display:block;  width:121px; height:31px; background:url(../images/style.png) -140px -254px no-repeat; line-height:31px; text-align:center; color:#666; }
#decide a.btn { float:right; display:block;  width:121px; height:31px; background:url(../images/style.png) 0 -254px no-repeat; line-height:31px; text-align:center; color:#fff;  }


/*订单商品列表*/
#goods-wrap3 {  margin:0 14px; padding-top:5px; }
.list-wrap li { margin:0 0 5px 0; height:80px; line-height:18px; border-top:1px dashed #bbb; padding-top:15px; font-size:12px; color:#666; position:relative; } 	
.list-wrap li.top1 { border:none;} 		
.list-wrap li a.goods-img { display:block; width:70px;  height:70px; float:left; }		
.list-wrap li img { width:70px;  height:70px; }			
.list-wrap li b { font-weight:500; color:#333; }		
.list-wrap li .name { overflow: hidden; text-overflow:ellipsis; display:block; height:24px; font-size:14px; font-weight:700; }
.list-wrap li .info { float:left; margin-left:10px; display:inline; line-height:22px;  }	
.list-wrap li span { float:left; height:28px; line-height:28px; width:110px;  }	
.list-wrap li .comment { position:absolute; bottom:0; right:0; color:#876200; }
.list-wrap { min-width:320px;}

/*地址*/
#adress { width:320px; margin:10px auto;}
#adress td{ padding:8px 3px; font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei"; color:#555;}
#adress .inputBg { width:210px; height:24px; border:1px solid #b3b3b3; background:url(../images/bg.png) 0 -309px repeat-x;  margin-right:4px; padding-left:6px; border-radius:4px;}
#adress .inputBg2 { width:210px; height:72px; border:1px solid #b3b3b3; background:url(../images/bg.png) 0 -309px repeat-x;  margin-right:4px; padding-left:6px; border-radius:4px;}
#adress a.btn { display:block;  width:121px; height:31px; background:url(../images/style.png) 0 -254px no-repeat; line-height:31px; text-align:center; color:#fff; margin-right:18px; }
#adress select {  border:1px solid #b3b3b3;}

.list-wrap2 { border:1px solid #ccc; margin:0 15px; border-radius:6px;}
.list-wrap2 .title { background:#eee; height:30px; line-height:30px; text-indent:12px; font-size:13px; font-weight:700; border-bottom:1px solid #ccc; position:relative; }
.list-wrap2 .bottom { background:#fff2fd; height:30px; line-height:30px; text-indent:12px; font-size:13px; color:#666;  }
.list-wrap2 .bottom em { color:#C743CA; font-weight:700; }
.list-wrap2 .edit{ position:absolute; top:0; right:10px; font-weight:500; }


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
    clear: both;
}

.search_bg {
    border: 1px solid #D3D3D3;
    margin: 0 auto;
    width: 300px;
}

#search { margin:10px 0 0 0px; }
/* #search .text_search { border:none; background:url(../images/style.png) no-repeat; width:248px; height:31px; padding-left:8px; font-size:13px; color:#333;}
#search .btn_search { border:none; background:url(../images/style.png) -248px 0 no-repeat; width:37px; height:31px; cursor:pointer; }*/

#search .text_search {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: medium none;
    border-radius: 5 5 5 5;
    color: #333;
    float: left;
    height: 25px;
    overflow: hidden;
    padding: 0 0 0 3px;
    width: 260px;
    font-size:13px;
}

#search .btn_search {
    background: url("http://m.vipshop.com/themes/touch/images/common/btn_search.png") no-repeat scroll left top transparent;
    border: medium none;
    border-radius: 5 5 5 5;
    float: right;
    height: 25px;
    width: 40px;
}
